<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>欢迎页面</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="stylesheet" href="/css/index.css">
<link rel="stylesheet" href="/css/iconfont.css">
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/survey.js"></script>
<script type="text/javascript" src="/js/index.js"></script>
<style>
	.runtest{position: relative; display:none;display:block; width: 300px; height: 160px; border: 10px solid #F8F8F8; border-top-width: 0; padding: 10px; line-height:20px; overflow:auto; background-color: #3F3F3F; color: #eee; font-size:12px; font-family:Courier New;}
</style>
<style>
#FontScroll{
	width: 100%;
	height: 245px;
	overflow: hidden;
}
#FontScroll ul li{
	height: 32px;
	width: 100%;
	color: #ffffff;
	line-height: 32px;
	overflow: hidden;
	font-size: 14px;
}
#FontScroll ul li i{
	color: red;
}
.layui-table td, .layui-table th{
	min-width: auto !important;
}
</style>
</head>
<body>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-body">
					<blockquote class="layui-elem-quote">
						<span id="time"></span>
						<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:-3px;float:right" onclick="location.reload()" title="刷新">
							<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
						</a>
					</blockquote>
				</div>
			</div>
		</div>
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-header">数据统计</div>
				<div class="layui-card-body ">
					<ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog" id="dataWrite">
						<li class="layui-col-md2 layui-col-xs6">
							<a href="javascript:;" class="x-admin-backlog-body">
								<h3>成交金额</h3>
								<p><cite>0元</cite></p>
							</a>
						</li>
						<li class="layui-col-md2 layui-col-xs6">
							<a href="javascript:;" class="x-admin-backlog-body">
								<h3>订单</h3>
								<p><cite>0笔</cite></p>
							</a>
						</li>
						<li class="layui-col-md2 layui-col-xs6">
							<a href="javascript:;" class="x-admin-backlog-body">
								<h3>待处理</h3>
								<p><cite>0条</cite></p>
							</a>
						</li>
						<li class="layui-col-md2 layui-col-xs6">
							<a href="javascript:;" class="x-admin-backlog-body">
								<h3>退款订单</h3>
								<p><cite>0条</cite></p>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		 <div class="layui-col-sm6 layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">信息统计</div>
                <div class="layui-card-body  ">
                    <table class="layui-table layui-form" id="table"></table>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">订单统计</div>
                <div class="layui-card-body ">
                    <div id="chart2" style="width: 100%;height: 245px;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">商品统计</div>
                <div class="layui-card-body ">
                    <div id="chart4" style="width: 100%;height: 245px;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-header">销售排行</div>
                <div class="layui-card-body ">
                    <div class="news_style">
                        <div class="myscroll" id="FontScroll">
                            <ul class="list"></ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>
<div class="runtest" style="display:none;">
</div>
</body>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script src="/js/echarts.min.js"></script>
<script type="text/javascript">
$.ajaxSetup({contentType: "application/json; charset=utf-8"});
$(function () {
	getTime();
	$('.myscroll').myScroll({
		speed: 60, //数值越大，速度越慢
		rowHeight: 38 //li的高度
	});
});
//当前时间
setInterval(getTime,1000);

function getTime(){
	var myDate = new Date();
	var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
	var myMonth = myDate.getMonth()+1; //获取当前月份(0-11,0代表1月)
	var myToday = myDate.getDate(); //获取当前日(1-31)
	var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
	var myHour = myDate.getHours(); //获取当前小时数(0-23)
	var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
	var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
	var week = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
	var nowTime;

	nowTime = myYear+'-'+fillZero(myMonth)+'-'+fillZero(myToday)+'&nbsp;&nbsp;'+fillZero(myHour)+':'+fillZero(myMinute)+':'+fillZero(mySecond)+'&nbsp;&nbsp;'+week[myDay]+'&nbsp;&nbsp;';
	//console.log(nowTime);
	$('#time').html(nowTime);
};
function fillZero(str){
	return str<10 ? '0'+str : str;
}
</script>
<script src="js/fontscroll.js"></script>
</html>